import React, {Component} from 'react';
import {View, Text} from 'react-native';
import ScrollableTabView from 'react-native-scrollable-tab-view'

export default class PopularPage extends Component {
    render() {
        return (
            <View>
                <ScrollableTabView
                    style={{flex:1,backgroundColor:'white'}}
                    tabBarBackgroundColor="white"
                    tabBarInactiveTextColor="#494949"
                    tabBarActiveTextColor="#00A9F2"
                    tabBarUnderlineStyle={{backgroundColor:'#00A9F2'}}
                >
                    <PopularTab tabLabel="All"/>
                    <PopularTab tabLabel="iOS"/>
                    <PopularTab tabLabel="React"/>

                </ScrollableTabView>
            </View>
        )
    }
}
class PopularTab extends Component{
    render(){
        return (
            <View>
                <Text>{this.props.tabLabel}</Text>
            </View>
        )
    }
}